﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>伍壹玖潮流服饰馆</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->


<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<style type="text/css">
	
</style>
</head>
<body>
<jsp:include page="/head"></jsp:include>
<section class="pro-list">
    <aside class="pro-leftsidebar">
        <ul>
            <li>
                <a>产品搜索</a>
              <!--  <from action="souSuo" method="get" id="click"> 
                <ul id="pro-search">
                    <li><a><input type="text" name="souSuo1" class="pro-search">
                    <a  class="pro-search-btn" href="#"  onclick="document.getElementById('click').submit();">
                    	<input type="button" value="搜索" onclick="document.getElementById('click').submit();" style="color: white;">
                    	搜索
                    </a></a></li>
                </ul>
                </from> -->
               
                <form action="souSuo" method="post" id="click">
							<li><a><input name="souSuo1" type="text"
									id="searchA" class="pro-search"></a>

						<a href="#" class="pro-search-btn" onclick="document.getElementById('click').submit();">搜索</a>
				</form>
                
               
              
            </li>
            <li   id="dianJi">
                <a>产品分类</a>
                <ul id="pro-category">
                <c:forEach items="${chanList}" var="chanlist">
                <c:choose>
                	<c:when test="${sId != chanlist.fenLeiId }">
                		 <li><a href="products?categoryId=${chanlist.fenLeiId }">${chanlist.jiJie}</a></li>
                	 </c:when>
                	 <c:otherwise>
                	 	<li class="on"><a href="products?categoryId=${chanlist.fenLeiId }">${chanlist.jiJie}</a></li>
                	 </c:otherwise>
                </c:choose>
                 
                   </c:forEach>  
                </ul>
               
               
            </li>
        </ul>
    </aside>

    <aside class="pro-rightsidebar">
    <header>
    <p></p>
            <c:forEach items="${chanPinList}" var="chanList" begin="" end="">        
            <span id = "huiChang"><a href="products?categoryId=${chanList.fenLeiId}" ></a>${chanList.jiJie }</span>
            </c:forEach>
       </header>
        <ul>
            
	<c:forEach items="${shangList }" var="sP">
	<li >
                <a href="productDetail?categoryId=${sP.fenLeiId }">
                <div class="img-box">
                    <img src="${sP.img}">
                    <p>${sP.name }</p>
                </div>
                </a>
            </li>
	</c:forEach>
            
        </ul>
		<!--
        <div class="pro_list_more_pages">
            <ul>
                <li><a>上一页</a></li>
                <li class="pro-list-current"><a>1</a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
                <li><a>下一页</a></li>
            </ul>
        </div>
		-->
    </aside>


</section>

﻿﻿<jsp:include page="/foot"></jsp:include>

</body>
	<script type="text/javascript">
	$("danJi").click(function(){
	    $(this).css("background-color","#000");
	  });
	</script>
</html>